<template>
  <div class="home-container">
    <el-row class="home-banner">
      <div class="home-banner__con">
       <search-bar></search-bar>
       <query-block></query-block>
      </div>
    </el-row>
    <el-row class="home-data">
      <el-col :span="12">
        <statistics></statistics>
      </el-col>
      <el-col :span="12">
        <hot-search></hot-search>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import searchBar from './blocks/search-bar'
import queryBlock from './blocks/query-block'
import statistics from './blocks/statistics'
import hotSearch from './blocks/hot-search'
export default {
    components: {
      searchBar,
      queryBlock,
      statistics,
      hotSearch
    },
    data () {
      return {
      }
    }
  }
</script>
